<template>
        <div id="wrapper">
            <div>
                <ul>
                    <li>1111111111111111111</li>
                    <li>2222222222</li>
                    <li>3333333333333333333333</li>
                    <li>444444444444444444</li>
                </ul>
            </div>
        </div>
</template>
<script>
    import BScroll from 'better-scroll';
    export default {
        name: 'better-scroller',
        mounted () {
            // let scroll = new BScroll(document.getElementById('wrapper'), {
            //     startX: 0,
            //     startY: 0,
            //     scrollY: true,
            //     scrollX: false,
            //     probeType: 1
            // });

            // scroll.on('touchend', function (position) {
            //     if (position.y > 30) {

            //         setTimeout(function() {
                        
            //         }, );
            //     }
            // })
        }
    }
</script>